<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>

	<link type="text/css" rel="Stylesheet"
		href="../../css/jquery-ui-1.8.20.custom.css" />

	<link type="text/css" rel="Stylesheet" href="../../css/style_coopac.css" />

</h:head>

<h:body>
	<div id="contenedor">
		<div id="headerAdmision">

		</div>
	
		<div id="menu">
			<ui:include src="../00_genericos/menu.xhtml"></ui:include>
		</div>
		
		<div id="formularios">
			<h:form id="form" prependId="true">
				<div id="cuerpo">
					<p:panel header="Recepción de documentos Persona" style="font-size:20px; height:50px;">
					</p:panel>
					
					<p:panel header="Datos de documento" toggleable="true">
						<div class="rowForm">
							<div class="label">
								<label>Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{recepcionPersona.idCTMCargo}" style="width:160px">
									<f:selectItems value="#{maestro.listaCargo}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Cooperativa:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{recepcionPersona.idPersonaCooperativa}" style="width:160px">
									<f:selectItem itemValue="35" itemLabel="AHORRO Y CRÉDITO" />
									<f:selectItem itemValue="34" itemLabel="VIVIENDA"/>	
								</p:selectOneMenu>
							</div>
						</div>
						
						<div class="rowForm">
							<div class="label">
								<label>Área destino.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{recepcionPersona.idCTMAreaDestino}" style="width:160px">
									<f:selectItems value="#{maestro.listaArea}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Destinatario:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="trabajador" value="#{recepcionPersona.idTrabajadorxarea}" style="width:160px">
									<f:selectItems value="#{recepcionPersona.listaTrabajadorxArea}" />
								</p:selectOneMenu>
							</div>
						</div>
						
						<div class="rowForm">
							<div class="label">
								<label>Asunto:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.cargoPersona.asunto}" style="width:157px" />
							</div>
							<div class="label">
								<label>Observaciones:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.cargoPersona.observacion}" style="width:157px" />
							</div>
						</div>

					</p:panel>
					
					<p:panel header="Buscar Persona" toggleable="true">
						<div class="rowForm">
							<div class="label">
								<label>Buscar por.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu style="width:160px">
									<f:selectItem itemLabel="Seleccione Criterio" itemValue="1" />
									<f:selectItem itemLabel="Documento" itemValue="2" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Criterio:</label>
							</div>
							<div class="field">
								<p:inputText style="width:157px" value="#{recepcionPersona.numero}" />
							</div>
							<div class="buttonSearch">
								<p:commandButton actionListener="#{recepcionPersona.buscarByNumDocumento}"
									update=":form" icon="ui-icon-search" id="boton"></p:commandButton>
							</div>
						</div>
					</p:panel>
					<p:panel header="Datos Persona Básicos I" toggleable="true">
						<div class="rowForm">
							<div class="label">
								<label>Ape.Paterno:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{recepcionPersona.personaN.apellidoPaternoRazonSocial}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Ape.Materno:</label>
							</div>
							<div class="field">
								<p:inputText 
								   value="#{recepcionPersona.personaN.apellidoMaterno}" 
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Nombres:</label>
							</div>
							<div class="field">
								<p:inputText
									value="#{recepcionPersona.personaN.nombrePersonaNombreComercial}"
									style="width:453px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Doc.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{recepcionPersona.idCTMNatural}"
									style="width:160px">
									<f:selectItems value="#{maestro.listaTipodocumento}"/>
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.documentoPersonaN.numero}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Telef:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{recepcionPersona.idCTMTelf}"
									style="width:160px">
									<f:selectItems value="#{maestro.listaTipotelefono}"/>
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.telefonoPersonaN.numero}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Anexo:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.telefonoPersonaN.anexo}" 
									style="width:157px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Email:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.personaN.email}"
									style="width:453px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label>Página Web:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.personaN.paginaWeb}"
									style="width:453px" />
							</div>
						</div>
					</p:panel>

					<p:panel header="Datos Domiciliarios" toggleable="true">
						<div class="rowForm">
							<div class="label">
								<label>Departamento:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectDepartamento"
									value="#{ubigeo.idDepartamento}" style="width:160px">
									<!--<f:selectItem itemLabel="Dpto." />
								-->
									<f:selectItems value="#{ubigeo.listaDepartamento}" />
									<p:ajax update="selectProvincia" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Provincia:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectProvincia"
									value="#{ubigeo.idProvincia}" style="width:160px">
									<!--<f:selectItem itemLabel="Provincia" />
								-->
									<f:selectItems value="#{ubigeo.listaProvincia}" />
									<p:ajax update="selectDistrito" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label>Distrito:</label>
							</div>
							<div class="select">
								<p:selectOneMenu id="selectDistrito"
									value="#{ubigeo.idDistrito}" style="width:160px">
									<!--<f:selectItem itemLabel="Distrito" />
								-->
									<f:selectItems value="#{ubigeo.listaDistrito}" />
								</p:selectOneMenu>
								<p:selectOneMenu id="selectDistritoDummy"
									value="#{recepcionPersona.idDistrito}"
									style="width:160px; display:none;">
									<f:selectItem itemLabel="Dummy"
										itemValue="#{ubigeo.idDistrito}" />
								</p:selectOneMenu>
							</div>

						</div>

						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Zona.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{recepcionPersona.idCTMZona}"
									style="width:160px">
									<f:selectItems value="#{maestro.listaZona}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Zona:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.direccionPersonaN.nombreZona}"
									style="width:157px" />
							</div>
						</div>
						<div class="rowForm">
							<div class="label">
								<label for="namevv">Tipo Vía.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{recepcionPersona.idCTMVia}" style="width:160px">
									<f:selectItems value="#{maestro.listaVia}" />
								</p:selectOneMenu>
							</div>
							<div class="label">
								<label for="namevv">Vía:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.direccionPersonaN.nombreVia}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Número:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.direccionPersonaN.numero}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>#Dpto:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.direccionPersonaN.departamento}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Interior:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.direccionPersonaN.interior}"
									style="width:157px" />
							</div>
						</div>

						<div class="rowForm">
							<div class="label">
								<label>Manzana:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.direccionPersonaN.manzana}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Lote:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.direccionPersonaN.lote}"
									style="width:157px" />
							</div>
							<div class="label">
								<label>Kilómetro:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.direccionPersonaN.kilometro}"
									style="width:157px" />
							</div>
						</div>


						<div class="rowForm">
							<div class="label">
								<label>Referencia:</label>
							</div>
							<div class="field">
								<p:inputText value="#{recepcionPersona.direccionPersonaN.referencia}"
									style="width:453px" />
							</div>
							<div class="label">
								<label>Tipo Vivienda.:</label>
							</div>
							<div class="select">
								<p:selectOneMenu value="#{recepcionPersona.idCTMVivienda}"
									style="width:160px">
									<f:selectItems value="#{maestro.listaTipovivienda}" />
								</p:selectOneMenu>
							</div>
						</div>
					</p:panel>

					<p:panel header="Procesar" toggleable="true">
						<div class="rowFormProcess">
							<div class="buttonProcess">
								<p:commandButton actionListener="#{recepcionPersona.addRecepcionper}"
									value="Grabar" update=":form">
								</p:commandButton>
							</div>
							<div class="buttonProcess">
								<p:commandButton actionListener="#{recepcionPersona.limpiarCampos}"
									update=":form"	value="Limpiar"></p:commandButton>
							</div>
						</div>
					</p:panel>
				</div>
			</h:form>
		</div>

	<div id="footerAdmision"></div>
	</div>
</h:body>

</html>